<template>
	<view>
		<view class="head_box u-border-bottom">
			<image class="icon" :src="userInfo.handlUrl" mode=""></image>
			<view class="title">
				{{userInfo.nickName}}
			</view>

		</view>
		<ZYTitle title='全部评价'></ZYTitle>
		<u-empty v-if="list.length==0"></u-empty>
		<view class="u-border-top" v-else>
			<Evaluate v-for="(item,index) in list" :key='item.id' :item='item'></Evaluate>
			<u-loadmore :status="status" />
		</view>

	</view>
</template>

<script>
	import ZYTitle from '@/components/ZY-title/ZY-title.vue'
	import Evaluate from '@/components/ZY-evaluate/ZY-evaluate.vue'
	import initData from '@/mixin/initData.js'
	export default {
		mixins: [initData],
		components: {
			ZYTitle,
			Evaluate
		},
		onLoad() {
			this.miXinInit()
			if (this.cache.getCache('userInfo')) {

				this.userInfo = this.cache.getCache('userInfo')
			}
		},
		data() {
			return {
				userInfo: {}
			};
		},

		methods: {
			// 请求前的参数处理
			beforeInit() {
				this.apiUrl = "appUser/myGoodsComment";
				let params = {
					pageNum: this.pageNum,
					pageSize: this.pageSize,
				};
				this.params = {
					...params
				};
			},
		}
	}
</script>

<style lang="scss" scoped>
	.head_box {
		display: flex;
		align-items: center;
		padding: 30rpx 24rpx;
		margin-bottom: 22rpx;

		.title {
			font-size: 36rpx;
			color: #333;

		}

		.icon {
			width: 126rpx;
			height: 126rpx;
			border-radius: 50%;
			margin-right: 20rpx;

		}
	}
</style>
